{% include 'head.html' %}








<body>





  <!-- 最为层容器 -->
  <div class="jd_container">
    <!-- 顶部 -->
    <div class="jd_header" style="height: 50px;background: #dce2ec;">

      <!--<span style="float: left;margin-left: -18%;margin-top: 15px;">货比三家</span>-->
      <a onclick="window.history.back();" ><span style="float: left;margin-left: -15%;margin-top: 5px;font-size: 28px;color: #000;"><i class="fa fa-chevron-left"></i></span></a>
      
      <div style="text-align:center;margin-top: 5%;">
        <span style="font-size: 18px;">登录&注册</span>
      </div>
    </div>


  
    
    





    <!-- 导航栏 -->
    <div class="jd_nav" style="background-color: #fff;">

      <div style="text-align:center;margin-top: 25%;">
            <h4>货比三家网大数据技术支持，<br>无需注册，直接登陆，方便快捷！</h4>
            <input style="width: 80%;height: 35px;" id="accval" type="text" placeholder="请输入您的手机号">
            
            
            
            
            
            
      </div>
      
      

        <div style="text-align:center;">

          <a id="getauth" class="btn" style="width: 80%;" onclick="loginto();"> 获取验证码</a>
          <h5 id="getauthshow" style="color: red;display: none;">系统正在准备验证码短信中...</h5>

          
           <div id="yzminput" style="margin-top: 10px;display: none;">
            <a id="witime" href="#" class="btn btn-large disabled" style="margin-bottom: 20px;"></a><br>
            <input style="width: 80%;height: 35px;" id="auth" type="text" placeholder="请输入验证码">
            <a class="btn btn-warning" style="width: 80%;margin-top: 20px;" onclick="userlogin();"> 确认登陆</a>
          </div>
          
        </div>


    </div>

    

    
      <script type="text/javascript">
//18382050939
//85818

        function login_show(datas){
            //alert(datas);
            var returndata = JSON.parse(datas);
            //alert(returndata["state"])

            var state = returndata["state"];
            
            if(state == 0){
              //alert(datas);
              //alert("密码错误");
              webToast("您输入的手机号码有误","middle",2000);
            }
            else if (state == 3){
                popTipShow.alert('异常限制','尊贵的用户您进入的短信验证已上限，请在24小时重新登录，或者联系我们，货比三家网很高兴为您服务！', ['确认'],
                function(e){
                  //callback 处理按钮事件     
                  var button = $(e.target).attr('class');
                  if(button == 'ok'){
                  //按下确定按钮执行的操作
                  //todo ....

                  window.location.href="/";

                  this.hide();

                  } 
                }
              );
            }
            else if(state ==1 || state ==2){
              //alert(datas);
              //alert("登陆成功！");
              webToast("验证码短信正在赶来的路上！","middle",3000);

              $("#yzminput").show();
              //$("#getauth").hide();
              $("#getauthshow").hide();

              var witime = $("#witime");

              var gettime = returndata["times"];
              var time = returndata["times"];

              witime.text(time+"s");

              var set=setInterval(function(){
                  witime.text(--time+"s");

              }, 1000);//等待时间


              setTimeout(function(){
              witime.val("重新获取验证码");//倒计时
              $("#getauth").show();
              $("#yzminput").hide();

              //验证码超时提醒

              clearInterval(set);
              }, gettime * 1000);
            }

            else{
              //alert("环境异常");
              webToast("环境异常","middle",2000);
              $("#getauth").show();
              $("#getauthshow").hide();
            }

            

          }



          function loginto(){
            var accdata = $("#accval").val();

            
            if(accdata != ""){
              $("#getauth").hide();
              $("#getauthshow").show();
               //alert("可以登陆");
               var logindatas = {
                  "acc":accdata,
                  "apiinfo":"{{ apiinfo }}"
                }
                post_api_ajax3(logindatas,"getauthcode",login_show);
                }
            else{
              //alert("请输入账号或密码");
              webToast("请输手机号码","middle",2000);
            }
          }





          function logins(datas){
            //alert(datas);

             if(datas == 0){

                webToast("验证码错误，请重新输入","middle",3000);
             }
             if(datas == 1){

                webToast("登录成功-欢迎您","middle",2000);
                window.location.href="/";
             }
             if(datas == 2){

                //webToast("登录成功-需要填写个人信息","middle",2000);
                popTipShow.alert('欢迎','尊贵的用户欢迎您的首次到来，货比三家很高兴为您服务！', ['确认'],
                function(e){
                  //callback 处理按钮事件     
                  var button = $(e.target).attr('class');
                  if(button == 'ok'){
                  //按下确定按钮执行的操作
                  //todo ....

                  window.location.href="/setname";

                  this.hide();

                  } 
                }
              );
             }
          }

          function userlogin(){
              var accdata = $("#accval").val();
              var authdata = $("#auth").val();

              if(accdata != "" & authdata != ""){
                var userlogindata = {
                  "phonenumber": accdata,
                  "authcode": authdata
                }
                post_api_ajax3(userlogindata,"userlogin",logins);
                }

              
              else{
                webToast("请输手机号码","middle",2000);
              }


          }




      </script>

    

   
   
  <br>

    <!-- 京东内容区域 -->
    <div class="jd_mian" id="container">
      <div class="main_content" style="background-color: #edf4ff;">
        
        
        


      
        
        



        



      </div>
    </div>


    

  </div>






{% include 'foot_sp.html' %}